<template>
  <div class="nolikes flex-center">
    {{alarnText}}
  </div>
</template>

<script>
export default {
  name: 'NoLikes',
  props: {
    isAuth: {
      type: Boolean,
      default: true
    }
  },
  computed: {
    alarnText () {
      return this.isAuth ? '请先选择喜欢的内容' : '请先登录'
    }
  }
}
</script>

<style lang="stylus" scoped>
  .nolikes
    width 100%
    height 300rpx
    margin-top 30rpx
    background-color #ffffff
    font-size 14px
</style>
